<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>后台管理</title>
    <!-- Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <!--font-awesome 核心我CSS 文件-->
    <!-- <link href="https://cdn.bootcss.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet">-->
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
    <!-- 在bootstrap.min.js 之前引入 -->
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <!-- Bootstrap 核心 JavaScript 文件 -->
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <!--angular-->
    <script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></script>
</head>
<body ng-app="list">
<nav class="navbar navbar-inverse" role="navigation">
    <div class="container-fluid">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#example-navbar-collapse">
                <span class="sr-only">切换导航</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">
                <img src="../images/login.png" height="100%"/>
            </a>
        </div>
        <div class="collapse navbar-collapse" id="example-navbar-collapse">
            <ul class="nav navbar-nav">
                <li class="active"><a class="icon-bar" href="#">网站设置</a>
                </li>
                <li><a href="#">分类管理</a>
                </li>
                <li><a href="#">电影管理</a>
                </li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <li><a>欢迎您,admin</a>
                </li>
                <li><a href="#">安全退出</a>
                </li>
            </ul>
        </div>
    </div>
</nav>


<div class="container-fluid">
    <div class="row">
        <div class="col-sm-2">
            <a href="admin.html" class="list-group-item "><span class="glyphicon glyphicon-home"></span>咖啡猫电影管理
            </a>
            <a href="moviesAddK.html" class="list-group-item">
                <!-- 小图标样式设置 -->
                <span class="glyphicon glyphicon-search" aria-hidden="true">
                    </span>科幻电影添加</a>
            <a href="moviesAddG.html" class="list-group-item">
                <!-- 小图标样式设置 -->
                <span class="glyphicon glyphicon-search" aria-hidden="true">
                    </span>情感电影添加</a>
            <a href="moviesAddX.html" class="list-group-item">
                <!-- 小图标样式设置 -->
                <span class="glyphicon glyphicon-search" aria-hidden="true">
                    </span>喜剧电影添加</a>
            <a href="moviesAddD.html" class="list-group-item">
                <!-- 小图标样式设置 -->
                <span class="glyphicon glyphicon-search" aria-hidden="true">
                    </span>动画电影添加</a>
            <a href="#" class="list-group-item">
                        <span class="glyphicon glyphicon-user" aria-hidden="true">
                    </span>用户管理</a>
        </div>

        <h1>欢迎登陆咖啡猫影视管理界面</h1>
        <!--<div class="col-sm-10">
            <ol class="breadcrumb">
                <li class="active">菜单
                </li>
                <li class="active">电影管理
                </li>
            </ol>
            &lt;!&ndash;
                列表展示
            &ndash;&gt;
            <div class="table-responsive" ng-controller="listCtrl">
                <table class="table table-striped ">
                    <thead>
                    <tr>
                        <th>编号</th>
                        <th>电影名字</th>
                        <th>主演</th>
                        <th>介绍</th>
                        <th>url</th>
                        <th>maxImage</th>
                        <th>minImage</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr ng-repeat="movie in movies">
                        <td>{{movie.id}}</td>
                        <td>{{movie.name}}</td>
                        <td>{{movie.actor}}</td>
                        <td>{{movie.synopsis}}</td>
                        <td>{{movie.url}}</td>
                        <td>{{movie.maxImage}}</td>
                        <td>{{movie.minImage}}</td>
                        <td>
                            <div class="btn-group">
                                <a href="" class="btn btn-default">修改</a><a href="" class="btn btn-default">下架</a><a
                                    href="" class="btn btn-danger">删除</a>
                            </div>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <ul class="pagination" style="float: right;">
                <li><a href="#">&laquo;</a>
                </li>
                <li class="active"><a href="#">1</a>
                </li>
                <li class="disabled"><a href="#">2</a>
                </li>
                <li><a href="#">3</a>
                </li>
                <li><a href="#">4</a>
                </li>
                <li><a href="#">5</a>
                </li>
                <li><a href="#">&raquo;</a>
                </li>
            </ul>
        </div>-->
    </div>
</div>
</body>

<!--<script>
    (function (window) {
        window.angular.module('list', [])
            .controller('listCtrl', function ($scope, $http) {
                $http.get('/movies').then(function (response) {
                    $scope.movies = response.data.data;
                }, function (err) {
                    alert(err);
                });
                /*     $scope.doDel = function (user) {
                 $http.delete("/users/" + user.id)
                 .then(function () {
                 $scope.users.splice($scope.users.indexOf(user), 1);
                 }, function (err) {
                 alert(err);
                 });
                 };
                 $scope.doPatch = function (id) {
                 var data = JSON.stringify({
                 password: document.getElementById("pwd" + id).value
                 });
                 $http.patch("/users/" + id, data)
                 .then(function (response) {
                 }, function (err) {
                 alert(err);
                 });
                 };*/
            });
    })(window);
</script>-->
</html>